<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous" />

  <link rel="stylesheet" href="../css/admin.css" />
  <link rel="stylesheet" href="../css/t-Abnormalcare.css" />

  <script src="../utils/jquery-3.6.0.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
    integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
    crossorigin="anonymous"></script>
</head>

<body>

  <div class="context">
    <div class="t-badInquire">护理异常事件查询</div>
    <hr>
    <div class="queryCriteria">查询条件</div>
    <div class="condition">
      不良事件编号：
      <input type="text" class="inp searchInp" />
      所在科室：
      <select class="slc1 chose1">
        <option>---请选择---</option>
        <option>血液科</option>
        <option>新生儿小婴儿科</option>
        <option>康复科</option>
        <option>肾脏免疫科</option>
      </select>
      发生场所：
      <select class="slc2 chose2">
        <option>---请选择---</option>
        <option>门诊</option>
        <option>急诊</option>
        <option>住院</option>
        <option>手术麻醉</option>
        <option>产房</option>
        <option>医技科室</option>
        <option>公共活动区</option>
        <option>其他场所</option>
        <option>场所不明</option>
      </select>
      <br>
      不良事件状态：
      <select class="slc1 chose3">
        <option>---请选择---</option>
        <option>创建</option>
        <option>上报存档</option>
        <option>提交</option>
        <option>科室审批</option>
        <option>终止</option>
      </select>

      上报时间：
      <input type="date" class="slc1 date" />
      <span class="divide">to</span>
      <input type="date" class="slc1 sel3 date2">
      <br />
      <button type="button" class="btn btn-primary search searchBtn">查询 </button>
      <button type="button" class="btn btn-primary del">清除</button>
    </div>

    <br />

    <div class="badDrug-list">护理异常报告列表</div>
    <div class="list-btn">
      <button type="button" class="btn btn-primary edit editStatus">
        修改类型
      </button>
      <button type="button" class="btn btn-primary trace eventTrace">
        事件追踪
      </button>
    </div>

    <table class="list-table table table-bordered table-striped table-hover">
      <thead>
        <tr class="list-tr1">
          <td>选择</td>
          <td>不良事件编码</td>
          <td>不良事件状态</td>
          <td>上报科室</td>
          <td>上报日期</td>
          <td>发生日期</td>
          <td>发生场所</td>
        </tr>
      </thead>

      <tbody>
        <!-- <tr>
                        <td><input type="checkbox" name="list"></td>
                        <td>YWBL20180319102942699</td>
                        <td>提交</td>
                        <td>新生儿小婴儿科</td>
                        <td>2018-04-16</td>
                        <td>首次报告</td>
                        <td>新的</td>
                        <td>医疗机构</td>
                    </tr> -->
      </tbody>

    </table>
    <!-- <div class="firstDiv">
            <button class="firstPage">第一页</button>
          </div> -->
    <div class="pageNumber">
      <nav aria-label="Page navigation">
        <ul class="pagination">
          <li>
            <a href="#" class="first">
              <span>第一页</span>
            </a>
          </li>
          <li>
            <a href="#" class="prev">
              <span>&laquo;上一页</span>
            </a>
          </li>
          <!-- <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li><a href="#">6</a></li>
                  <li><a href="#">7</a></li> -->
          <li>

            <a href="#" class="next">
              <span>下一页&raquo;</span>
            </a>
          </li>
        </ul>
      </nav>
    </div>
    <div class="pageTextDiv">
      <span class="pageText">显示01-03条 共3条</span>
    </div>
  </div>
  </div>
  </div>

  <div class="modal fade" id="editStatus" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
              aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">修改事件类型 </h4>
        </div>
        <div class="modal-body">
          <select class="form-control">
            <option>感染病例报告卡计</option>
            <option>医疗医技异常事件</option>
            <option>护理异常</option>
            <option>输血不良反应</option>
            <option>医疗器械异常事件</option>
            <option>药物不良反应事件</option>
            <option>异常用药事件</option>
            <option>行政与后勤保障</option>
            <option>治安管理事件</option>
          </select>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">保存</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

  <div class="modal fade" id="eventTrace" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
              aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">发起事件追踪 </h4>
        </div>
        <div class="modal-body">
          <div class="choice">选择追踪科室</div>
          <div class="choiceBox">
            <input type="checkbox" name="list">
            <label>医务部</label>
            <input type="checkbox" name="list">
            <label>采购办</label>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">保存</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

  <script src="../js/t-Abnormalcare.js"></script>

</body>

</html>